<template>
  <div>
      <span style="font-size:30px; margin-left:50px; height:800px" class="tableClass">单位（万）</span>
      <el-table :data="tableData" stripe class="tableClass">
        <el-table-column prop="srk" label="果蔬经费" width="280" align="center"></el-table-column>
        <el-table-column prop="zck" label="面食经费 " width="280" align="center"></el-table-column>
        <el-table-column prop="srzb" label="肉类经费 " width="280" align="center"></el-table-column>
        <el-table-column prop="bxk" label="上级分配经费 " width="280" align="center"></el-table-column>
        <el-table-column prop="zczb" label="基层掌管经费 " width="280" align="center"></el-table-column>
        <el-table-column prop="ylbk" label="代理代报经费 " width="280" align="center"></el-table-column>
      </el-table>
  </div>
</template>

<script>

export default {
  name: "FYZCTJ",
  components: {
    // JGIndex: ()=> import('../JGList/JGIndex.vue'),
  },

  data() {
    const items = {
      srk: '123万',
      zck: '72万',
      bxk: '89万',
      srzb: '123万',
      zczb: '123万',
      ylbk: '123万',
    };

    return {
      tableData: Array(17).fill(items),
      dialogVisible: false,

    };
  },
  mounted() {
    
  },

  methods: {

    
    
  },
};
</script>

<style lang="less" scoped>

/deep/ .el-table thead {
  color: #000000;
  font-weight: 500;
}
.el-table{
  color: rgb(0, 0, 0);
  font-size: 24px;
}
.tableClass{
  padding: 50px 0 50px 0;
}

</style>
